<template>
  <div>
    <div
      eventdata="[object Object]"
      controltouchevent="function(t){return!0}"
      controlvisibleevent="function(t){return!0}"
      stoppresspropagation="false"
      class="rax-view"
      style="box-sizing: border-box; display: flex; flex-direction: row; align-content: flex-start; flex-shrink: 0; position: relative; cursor: pointer; width: 93.6vw; margin-left: 3.2vw; height: 32vw; background-color: rgb(255, 255, 255); border-radius: 2.4vw; margin-top: 2.4vw; overflow: hidden; padding: 3.2vw;"
      data-appeared="true"
    >
      <div
        class="rax-view"
        style="box-sizing: border-box; display: flex; flex-direction: column; align-content: flex-start; flex-shrink: 0; position: relative; width: 25.6vw; height: 25.6vw; border-radius: 1.6vw; background-color: rgb(216, 216, 216); overflow: hidden; margin-right: 3.2vw;"
      >
        <div
          class="rax-view"
          style="box-sizing: border-box; display: flex; flex-direction: column; align-content: flex-start; flex-shrink: 0; position: relative; width: 25.6vw; height: 25.6vw; background-color: transparent; border-radius: 0vw;"
          data-appeared="true"
        >
          <div
            class="rax-view"
            style="box-sizing: border-box; display: flex; flex-direction: column; align-content: flex-start; flex-shrink: 0; position: relative; width: 25.6vw; height: 25.6vw; opacity: 1;"
          >
            <img
              src="https://img.youpin.mi-img.com/shopmain/b48b1a356abba3265e6a0b7f0a363b77.jpg@base@tag=imgScale&amp;h=192&amp;w=192"
              style="width: 25.6vw; height: 25.6vw; display: flex; object-fit: contain;"
            />
          </div>
        </div>
        <!---->
      </div>
      <div
        class="rax-view"
        style="box-sizing: border-box; display: flex; flex-direction: column; align-content: flex-start; flex: 1 1 0%; position: relative; max-width: 58.4vw;"
      >
        <div
          class="rax-view"
          style="box-sizing: border-box; display: flex; flex-direction: row; align-content: flex-start; flex-shrink: 0; position: relative; overflow: hidden; max-width: 58.4vw; align-items: center;"
        >
          <div
            class="rax-view"
            style="box-sizing: border-box; display: flex; flex-direction: row; place-content: flex-start center; flex-shrink: 0; position: relative; height: 4.8vw; align-items: center; padding-left: 1.0667vw; padding-right: 1.0667vw; margin-right: 1.3333vw; border-radius: 0.4vw; overflow: hidden; text-align: center; line-height: 4.2667vw; background-color: rgb(205, 140, 57); border-color: rgb(205, 140, 57); border-width: 0.1333vw;"
          >
            <span
              class="rax-text"
              style="box-sizing: border-box; display: block; font-size: 2.9333vw; white-space: pre-wrap; color: rgb(255, 255, 255); align-items: center; justify-content: center; height: 4.8vw; line-height: 4.8vw;"
            >1元支持</span>
          </div>
          <span
            class="rax-text rax-text--overflow-hidden rax-text--singleline"
            style="box-sizing: border-box; display: block; font-size: 4.2667vw; white-space: normal; overflow: hidden; line-height: 6.4vw; font-family: PingFangSC-Regular, &quot;PingFang SC&quot;; color: rgb(0, 0, 0); text-overflow: clip; height: 5.8667vw; max-width: 46.9333vw;"
          >智能恒温水暖垫</span>
        </div>
        <div
          class="rax-view"
          style="box-sizing: border-box; display: flex; flex-direction: row; align-content: flex-start; flex-shrink: 0; position: relative; align-items: center; margin-top: 1.6vw;"
        >
          <div
            class="rax-view"
            style="box-sizing: border-box; display: flex; flex-direction: column; align-content: flex-start; flex-shrink: 0; position: relative; border-radius: 2.1333vw; background-color: rgba(0, 0, 0, 0.05); height: 1.3333vw; width: 38.9333vw; overflow: hidden;"
          >
            <div
              class="rax-view"
              style="box-sizing: border-box; display: flex; flex-direction: column; align-content: flex-start; flex-shrink: 0; position: relative; height: 1.3333vw; border-radius: 2.1333vw; background-image: linear-gradient(to left, rgb(248, 36, 0), rgb(242, 169, 73)); width: 38.9333vw;"
            ></div>
          </div>
          <span
            class="rax-text"
            style="box-sizing: border-box; display: block; font-size: 2.9333vw; white-space: pre-wrap; margin-left: 1.6vw; color: rgb(248, 36, 0); line-height: 4.2667vw; font-family: PingFangSC-Medium, &quot;PingFang SC&quot;;"
          >607%</span>
          <img
            src=""
            style="width: 3.7333vw; height: 3.7333vw; margin-left: 0.8vw;"
          />
        </div>
        <div
          class="rax-view"
          style="box-sizing: border-box; display: flex; flex-direction: row; align-content: flex-start; flex-shrink: 0; position: relative; margin-top: 0.8vw;"
        >
          <span
            class="rax-text"
            style="box-sizing: border-box; display: block; font-size: 2.9333vw; white-space: pre-wrap; line-height: 4.2667vw; color: rgba(0, 0, 0, 0.6);"
          >1.1 万人支持</span>
          <div
            class="rax-view"
            style="box-sizing: border-box; display: flex; flex-direction: column; align-content: flex-start; flex-shrink: 0; position: relative; width: 0.2667vw; height: 2.4vw; margin-top: 0.8vw; background-color: rgba(0, 0, 0, 0.15); margin-left: 1.6vw; margin-right: 1.3333vw;"
          ></div>
          <span
            class="rax-text"
            style="box-sizing: border-box; display: block; font-size: 2.9333vw; white-space: pre-wrap; line-height: 4.2667vw; color: rgba(0, 0, 0, 0.6);"
          >剩余 2 天</span>
        </div>
        <div
          class="rax-view"
          style="box-sizing: border-box; display: flex; flex-direction: row; place-content: flex-start space-between; flex-shrink: 0; position: relative; margin-top: 2.4vw;"
        >
          <div
            class="rax-view"
            style="box-sizing: border-box; display: flex; flex-direction: row; align-content: flex-start; flex-shrink: 0; position: relative;"
          >
            <span
              class="rax-text"
              style="box-sizing: border-box; display: block; font-size: 3.2vw; white-space: pre-wrap; font-family: PingFangSC-Semibold, &quot;PingFang SC&quot;; color: rgb(248, 36, 0); line-height: 5.0667vw; margin-right: 0.2667vw;"
            >¥</span>
            <span
              class="rax-text"
              style="box-sizing: border-box; display: block; font-size: 4.2667vw; white-space: pre-wrap; font-family: MIUIEX-Bold, MIUIEX; color: rgb(248, 36, 0); line-height: 5.8667vw;"
            >399</span>
            <span
              class="rax-text"
              style="box-sizing: border-box; display: block; font-size: 2.6667vw; white-space: pre-wrap; font-family: PingFangSC-Semibold, &quot;PingFang SC&quot;; color: rgb(248, 36, 0); line-height: 4.8vw;"
            >起</span>
          </div>
          <div
            class="rax-view"
            style="box-sizing: border-box; display: flex; flex-direction: column; place-content: flex-start center; flex-shrink: 0; position: relative; width: 18.1333vw; height: 6.4vw; background-color: rgb(243, 167, 77); border-radius: 5.8667vw; overflow: hidden;"
          >
            <span
              class="rax-text"
              style="box-sizing: border-box; display: block; font-size: 3.2vw; white-space: pre-wrap; color: rgb(255, 255, 255); line-height: 4.5333vw; text-align: center;"
            >立即支持</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
</style>